Ext.define('HGMIDE.view.IDEPluginEditPanel', {
	extend : 'Ext.form.Panel',
	xtype : 'idePluginEditPanel',
	requires : [ 'Ext.form.FieldSet', 'Ext.field.Hidden',
			'Ext.SegmentedButton', 'Ext.form.Field' ],
	config : {
		id : 'addPluginPanel',
		hideOnMaskTap : true,
		scrollable : false,
		modal : true,
		centered : true,
		width : '462px',
		height : '435px',
		cls : 'addPluginPanel',
		items : [ {
			id : 'addPluginFieldSet',
			title : I18N.plugin_edit,
			xtype : 'titlebar',
			cls : 'editUserTitle'
		}, {
			xtype : 'fieldset',
			items : [ {
				xtype : 'container',
				style : 'margin-top:5px;',
				layout : {
					type : 'hbox'
				},
				items : [ {
					xtype : 'spacer',
					width : '17px'
				}, {
					xtype : 'label',
					html : I18N.pluginPath,
					style : 'color:red;font-size:10px;'
				}, {
					xtype : 'spacer',
					width : '15px'
				}, {
					id : 'pluginpath',
					xtype : 'label',
					style : 'color:red;font-size:10px;',
					width : '260px'
				}, {
					id : 'btn_copy',
					xtype : 'button',
					html : I18N.copy,
					style : 'font-size:10px;',
					listeners : {
						tap : function(obj, e, eOpts ) {
								const input = document.createElement('input');
								document.body.appendChild(input);
								input.setAttribute('value',$('#pluginpath').find('div')[0].innerText);
								input.select();
								if(document.execCommand('copy')){
									document.execCommand('copy');
								}
								Ext.Msg.show({
								     message: I18N.copy_success,
								     buttons: [
								    	 {text:'确定',itemId:'ok'},
								     ]
								});
							document.body.removeChild(input);
						}
					}
				} ]
			}, {
				xtype : 'spacer',
				height : '10px'
			}, {
				xtype : 'hiddenfield',
				name : 'id'
			}, {
				xtype : 'selectfield',
				label : '插件类型',
				name : 'pluginType',
				value : '0',
				options : [ {
					text : '政务办公',
					value : '0'
				}, {
					text : '综合服务',
					value : '1'
				}, {
					text : '业务执法',
					value : '2'
				} ]
			}, {
				id : 'nameCN',
				xtype : 'textfield',
				name : 'nameCN',
				label : I18N.plugin_name,
				disabled : false,
				clearIcon : false,
				listeners : {
					focus : function(obj, e, eOpts) {
						if (obj.getClearIcon() == false) {
							obj.setClearIcon(true);
						}
					}
				}
			}, {
				id : 'pluginFormName',
				xtype : 'textfield',
				name : 'name',
				label : I18N.plugin_english_name,
				placeHolder : '例: maventest',
				disabled : false,
				clearIcon : false,
				listeners : {
					focus : function(obj, e, eOpts) {
						if (obj.getClearIcon() == false) {
							obj.setClearIcon(true);
						}
					}
				}
			}, {
				id : 'devFrame',
				xtype : 'textfield',
				name : 'frame',
				label : I18N.plugin_dev_framework,
				clearIcon : false,
				listeners : {
					focus : function(obj, e, eOpts) {
						if (obj.getClearIcon() == false) {
							obj.setClearIcon(true);
						}
					}
				}
			}, {
				id : 'dept',
				xtype : 'textfield',
				name : 'dept',
				label : I18N.dept,
				disabled : false,
				clearIcon : false,
				listeners : {
					focus : function(obj, e, eOpts) {
						if (obj.getClearIcon() == false) {
							obj.setClearIcon(true);
						}
					}
				}
			}, {
				id : 'version',
				xtype : 'textfield',
				name : 'version',
				label : I18N.version,
				disabled : false,
				clearIcon : false,
				listeners : {
					focus : function(obj, e, eOpts) {
						if (obj.getClearIcon() == false) {
							obj.setClearIcon(true);
						}
					}
				}
			}, {
				id : 'url',
				xtype : 'textfield',
				name : 'url',
				placeHolder : '例: http://192.168.0.89:8080/File',
				label : 'URL',
				disabled : false,
				hidden : true,
				clearIcon : false,
				listeners : {
					focus : function(obj, e, eOpts) {
						if (obj.getClearIcon() == false) {
							obj.setClearIcon(true);
						}
					}
				}
			}, {
				xtype : 'hiddenfield',
				name : 'isonline',
				id : 'isonline',
				value : '0'
			}, {
				id : 'container1',
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [ {
					xtype : 'spacer',
					width : '17px'
				}, {
					xtype : 'label',
					html : '发布方式',
					style : 'font-size: 18px;color: #4095fb;font-weight: bold;',
					width : '120px'
				}, {
					id : 'isonlinebtn',
					align : 'right',
					xtype : 'segmentedbutton',
					style : 'margin-bottom: 5px;',
					items : [ {
						id : 'on',
						text : '在线插件'
					}, {
						id : 'out',
						text : '离线插件'
					} ],
				}, {
					xtype : 'spacer',
					height : '10px'
				} ]
			} ]
		}, {
			xtype : 'spacer',
			height : '10px'
		}, {
			id : 'addPluginBtnGroup',
			xtype : 'container',
			layout : {
				type : 'hbox',
			},
			items : [ {
				xtype : 'spacer',
				flex : 1
			}, {
				id : 'pluginSubmitBtn',
				xtype : 'button',
				html : I18N.confirm,
				flex : 2
			}, {
				xtype : 'spacer',
				flex : 1
			}, {
				xtype : 'button',
				html : I18N.cancle,
				flex : 2,
				handler : function() {
					var formpanel = Ext.getCmp('addPluginPanel');
					formpanel.hide();
				}
			}, {
				xtype : 'spacer',
				flex : 1
			} ]
		} ],
		listeners : {
			hide : function() {
				this.destroy();
			},
			show : function() {
				Ext.getCmp('pluginpath').setHtml(Util.pluginpath);
			}
		}
	}
});
